<template>
  <div id="information">
    <div class="info_1">
      <span><slot></slot></span>
      <el-tag>今日</el-tag>
    </div>
    <div class="info_num">
      <span><slot name="num"></slot></span>
    </div>
    <div class="line"></div>
    <div class="info_2">
      <span>昨日数据</span>
      <span><slot name="price"></slot></span>
    </div>
  </div>
</template>

<script>
export default {
  name: "information",
};
</script>

<style scoped lang="scss">
.info_1 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 5px;
}
.info_num {
  span {
    font-weight: 600;
    color: #333;
    font-size: 30px;
  }
}
.line {
  width: 100%;
  height: 2px;
  background-color: #dcdfe6;
  margin: 20px 0;
}
.info_2 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #333;
}
</style>